/*
 * @Description: 
 * @version: 1.0
 * @Author: 赵卓轩
 * @Date: 2021-10-04 23:33:31
 * @LastEditors: 赵卓轩
 * @LastEditTime: 2021-10-24 00:03:27
 */
import { Card, Descriptions } from 'antd';
import React from 'react';
import style from './index.css';

export default () => {
    return (
        <div className={style.sitecardborderlesswrapper}>
            <Card title="Card title" bordered={true} style={{ width: '30%' }}>
                <Descriptions
                    title="Responsive Descriptions"
                    bordered
                    column={{ xxl: 1, xl: 1, lg: 1, md: 1, sm: 1, xs: 1 }}
                    size="small"
                >
                    <Descriptions.Item label="Product">Cloud Database</Descriptions.Item>
                    <Descriptions.Item label="Billing">Prepaid</Descriptions.Item>
                    <Descriptions.Item label="time">18:00:00</Descriptions.Item>
                    <Descriptions.Item label="Amount">$80.00</Descriptions.Item>
                    <Descriptions.Item label="Discount">$20.00</Descriptions.Item>
                    <Descriptions.Item label="Official">$60.00</Descriptions.Item>
                    <Descriptions.Item label="Config Info">
                        Data disk type: MongoDB
                        <br />
                        Database version: 3.4
                        <br />
                        Package: dds.mongo.mid
                        <br />
                        Storage space: 10 GB
                        <br />
                        Replication factor: 3
                        <br />
                        Region: East China 1
                    </Descriptions.Item>
                </Descriptions>
            </Card>
            <Card title="Card title" bordered={true} style={{ width: '60%' }}>
                <iframe
                   title="video"
                    // src="https://open.ys7.com/ezopen/h5/iframe_se?url=ezopen://open.ys7.com/G42520643/1.live&autoplay=1&accessToken=at.4kvlzb2x3i3oln3vdeqnhpqo4057mapt-51cxftfhci-01bejj3-6hwazpuo6"
                    width="600"
                    height="400"
                    id="ysOpenDevice"
                    allowFullScreen
                >
                </iframe>
            </Card>
        </div>
    )
}